<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


		<jsp:include page="../../common/meta/meta.jsp"></jsp:include>
		
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/swiper.min.css" />
		<script src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/swiper.min.js" type="text/javascript" charset="utf-8"></script>

		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/rentinfo.css" />
		<!-- 引入页面js -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/rentinfo.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入日历控件 -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/source/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>

  <!-- Demo styles -->
		<div class="rentinfo_head">
			<div class="rentinfo_head_topone"></div>
			<div class="rentinfo_head_toptwo"></div>
			<div class="rentinfo_head_content"><jsp:include page="../../common/allhead/allhead.jsp"></jsp:include></div>
		</div>
		<div style="width: 1170px;margin: 0 auto;padding-top: 25px;"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/nav.png" width="100%"></div>
		<div class="container">
			<div class="row rentinfo_center">
				<div class="col-lg-6 col-md-6 rentinfo_center_left">
					<div class="rentinfo_center_left_pic">
						<div class="rentinfo_pic">
<!-- 							<div class="rentinfo_pic_banner carousel slide" id="banner"
							data-ride="carousel" data-interval="5000" data-wrap="true">
				     	    <ol class="carousel-indicators rentinfo_pic_banner_smalls">
								<li data-target="#banner" data-slide-to="0" class="active"></li>
								<li data-target="#banner" data-slide-to="1"></li>	
							</ol>
							<div class="carousel-inner">
								<div class="item active">
									<img src="" alt="First slide" class="img-responsive"/>
									<div class="carousel-caption"></div>
								</div>
							</div> -->

							  <div class="swiper-container gallery-top">
							    <div class="swiper-wrapper">
							      <!-- <div class="swiper-slide">1</div>
							      <div class="swiper-slide">2</div>
							      <div class="swiper-slide">3</div>
							      <div class="swiper-slide">4</div> -->
							    </div>
							    <!-- Add Arrows -->
							  </div>
								<div class="swiper-button-next swiper-button-white"></div>
							    <div class="swiper-button-prev swiper-button-white"></div>
							  <div class="swiper-container gallery-thumbs">
							    <div class="swiper-wrapper">
							     <!--  <div class="swiper-slide">1</div>
							      <div class="swiper-slide">2</div>
							      <div class="swiper-slide">3</div>
							      <div class="swiper-slide">4</div> -->
							    </div>
							  </div>

						</div>
					</div>
				</div>


			  <!-- Swiper -->
	<!-- 		  <div class="swiper-container gallery-top">
			    <div class="swiper-wrapper">
			      <div class="swiper-slide">1</div>
			      <div class="swiper-slide">2</div>
			      <div class="swiper-slide">3</div>
			      <div class="swiper-slide">4</div>
			    </div> -->
			    <!-- Add Arrows -->
<!-- 			    <div class="swiper-button-next swiper-button-white"></div>
			    <div class="swiper-button-prev swiper-button-white"></div>
			  </div>
			  <div class="swiper-container gallery-thumbs">
			    <div class="swiper-wrapper">
			      <div class="swiper-slide">1</div>
			      <div class="swiper-slide">2</div>
			      <div class="swiper-slide">3</div>
			      <div class="swiper-slide">4</div>
			    </div>
			  </div> -->

		


				
				<div class="col-lg-6 col-md-6 rentinfo_center_right">
					<div class="rentinfo_center_right_title">
						<div class="rentinfo_center_right_title_up"></div>
						<div class="rentinfo_center_right_title_down">此套餐需等待确认，请下单24小时内留意电话及短信通知</div>
					</div>
					<div class="row rentinfo_center_right_price">
						<div class="col-lg-2 col-md-2 rentinfo_center_right_price_total">总&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价:</div>
						<div class="col-lg-10 col-md-10 rentinfo_center_right_price_detail clearfix">
							<div class="rentinfo_center_right_price_detail_one">￥</div>
							<div class="rentinfo_center_right_price_detail_two"></div>
							<div class="rentinfo_center_right_price_detail_three">
								<a href="javascript:;" class="rentinfo_center_right_price_detail_three_a" data-toggle="tooltip" data-placement="auto right" 
								title="查看总价明细" data-html="true" >查看总价明细</a>
							</div>
						</div>
					</div>
					<div class="row rentinfo_center_right_ser">
						<div class="col-lg-2 col-md-2 rentinfo_center_right_ser_left">
							<div class="rentinfo_center_right_ser_left_five">车辆租金</div>
							<div class="rentinfo_center_right_ser_left_five">燃油说明</div>
							<div class="rentinfo_center_right_ser_left_six">里程限制</div>
							<div class="rentinfo_center_right_ser_left_seven">积分政策</div>
							<div class="rentinfo_center_right_ser_left_eight">支付方式</div>
						</div>

						<div class="col-lg-9 col-md-9 rentinfo_center_right_ser_right" style="width: 80%">
							<div class="rentinfo_center_right_ser_right_five">
								<div class="rentinfo_center_right_ser_right_five_item">
									<span href="javascript:;" class="rentinfo_center_right_ser_right_five_item_a" data-toggle="tooltip" data-placement="auto right" 
								title="每日租金 根据用户取车日期至还车日期时间进行价格计算" data-html="true" data-container="body">每日租金 根据用户取车日期至还车日期时间进行价格计算</span>
								</div>
							</div>
							<div class="rentinfo_center_right_ser_right_five">
								<div class="rentinfo_center_right_ser_right_five_item">
									<span href="javascript:;" class="rentinfo_center_right_ser_right_five_item_a" data-toggle="tooltip" data-placement="auto right" 
								title="满油取还" data-html="true" data-container="body">满油取还</span>
								</div>
							</div>
							<div class="rentinfo_center_right_ser_right_six">
								<div class="rentinfo_center_right_ser_right_five_item">
									<span href="javascript:;" class="rentinfo_center_right_ser_right_five_item_a" data-toggle="tooltip" data-placement="auto right" 
								title="不限里程" data-html="true" data-container="body">不限里程</span>
								</div>
							</div>
							<div class="rentinfo_center_right_ser_right_seven">
								<div class="rentinfo_center_right_ser_right_five_item">
									<span href="javascript:;" class="rentinfo_center_right_ser_right_five_item_a" data-toggle="tooltip" data-placement="auto right" 
								title="预订成交后可获得相应积分" data-html="true" data-container="body">预订成交后可获得相应积分</span>
								</div>
							</div>
							<div class="rentinfo_center_right_ser_right_eight">
								<div class="rentinfo_center_right_ser_right_five_item">
									<span href="javascript:;" class="rentinfo_center_right_ser_right_five_item_a" data-toggle="tooltip" data-placement="auto right" 
								title="预付全款" data-html="true" data-container="body">预付全款</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row rentinfo_center_left_date">				
						<input type="hidden" value="${sessionScope.carid}">							
						<div class="rentinfo_center_left_date_left">
							<span class="qu">取</span>
							<span class="hai">还</span>
							<!-- <img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/quche.png" class="rentinfo_center_left_date_left_posi">
							<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/huanche.png" class="rentinfo_center_left_date_left_posireturn"> -->
						</div>
						<div class="col-lg-5 col-md-5 rentinfo_center_left_date_center">
							<div class="rentinfo_center_left_date_center_up">
								<text class="rentinfo_center_left_date_center_up">${sessionScope.rentcity}</text>
								<text class="rentinfo_center_left_date_center_up">${sessionScope.startDate}</text>
								<text class="rentinfo_center_left_date_center_up">${sessionScope.starthour}</text>
								</div>
							<div class="rentinfo_center_left_date_center_down">
								<text class="rentinfo_center_left_date_center_up">${sessionScope.rentcity}</text>
								<text class="rentinfo_center_left_date_center_up">${sessionScope.endDate}</text>
								<text class="rentinfo_center_left_date_center_up">${sessionScope.endhour}</text>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 rentinfo_center_left_date_right">共2天2小时30分钟</div>
					</div>
					<div class="rentinfo_center_right_order">
						<input type="button" class="importb rentinfo_center_right_order_b" value="立即预订">
					</div>
				</div>
			</div>
			<div class="row rentinfo_info">
				<div class="rentinfo_info_left">
					<div class="row rentinfo_info_left_top">
						<div class="navigation">
							<div class="col-lg-4 col-md-4 rentinfo_info_left_top_item rentinfo_info_left_top_itemchoose">车辆配置</div>
							<div class="col-lg-4 col-md-4 rentinfo_info_left_top_item">车辆详情</div>
							<div class="col-lg-4 col-md-4 rentinfo_info_left_top_item">租车须知</div>
						</div>
						<div class="pay"><input type="button" class="importb rentinfo_info_right_item_four_b center-block" value="立即预订" style="margin: 0"></div>
					</div>
					<div class="rentinfo_info_left_more">
						<div class="rentinfo_info_left_more_up" id="cardetailequip">车辆配置</div>
						<div class="disposition">
							<div class="rentinfo_info_left_more_down">
								<div class="rentinfo_info_left_more_title clearfix">
									<div class="rentinfo_info_left_more_title_left">车辆详情</div>
									<div class="rentinfo_info_left_more_title_right">收起∧</div>
								</div>
								<div class="rentinfo_info_left_more_detail clearfix">
									<div class="rentinfo_info_left_more_detail_item clearfix">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/cheliangdipan25.19.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">车辆底盘</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/cheliangpinpai25.16.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">车辆品牌</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/biansuqi19.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">变速器</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/ranyou21.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">燃油类型</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/youhao23.24.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">油耗</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/hezairengshu25.18.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">核载人数</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/liangqu25.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">驱动模式</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									
									
								</div>
								<div class="rentinfo_info_left_more_title clearfix">
									<div class="rentinfo_info_left_more_title_left">起居详情</div>
									<div class="rentinfo_info_left_more_title_right">收起∧</div>
								</div>
								<div class="rentinfo_info_left_more_detail clearfix">
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/bingxiang15.25.jpg" class="rentinfo_info_left_more_detail_item_pic" style="width:15px;height:25px;">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">冰箱</div>
										<div class="rentinfo_info_left_more_detail_item_right">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/dui.png" class="rentinfo_info_left_more_detail_item_right_posi" >
										</div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/jiashikongtiao25.16.jpg" class="rentinfo_info_left_more_detail_item_pic" style="width:25px;height:16px;margin-top:10px;">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">驾驶室空调</div>
										<div class="rentinfo_info_left_more_detail_item_right">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/dui.png" class="rentinfo_info_left_more_detail_item_right_posi">
										</div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/qijushikongtiao25.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">起居室空调</div>
										<div class="rentinfo_info_left_more_detail_item_right">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/dui.png" class="rentinfo_info_left_more_detail_item_right_posi">
										</div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/diancilu25.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">炉灶</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/jiashishinuanqi25.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">驾驶室暖气</div>
										<div class="rentinfo_info_left_more_detail_item_right">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/dui.png" class="rentinfo_info_left_more_detail_item_right_posi">
										</div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/qijushinuanqi25.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">起居室暖气</div>
										<div class="rentinfo_info_left_more_detail_item_right">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/dui.png" class="rentinfo_info_left_more_detail_item_right_posi">
										</div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/chuangwei25.20.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">床位</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">床位信息</div>
								</div>
								<div class="rentinfo_info_left_more_title clearfix">
									<div class="rentinfo_info_left_more_title_left">油水箱</div>
									<div class="rentinfo_info_left_more_title_right">收起∧</div>
								</div>
								<div class="rentinfo_info_left_more_detail clearfix">
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/youxiangrongliang25.20.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">油箱</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/jingshuixiang25.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">净水箱</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/huishuixiang16.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">灰水箱</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/heishuixiang19.25.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">黑水箱</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
								</div>
								<div class="rentinfo_info_left_more_title clearfix">
									<div class="rentinfo_info_left_more_title_left">车辆押金</div>
									<div class="rentinfo_info_left_more_title_right">收起∧</div>
								</div>
								<div class="rentinfo_info_left_more_detail clearfix">
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/cheyajing29.19.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">车辆押金</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
									<div class="rentinfo_info_left_more_detail_item">
										<div class="rentinfo_info_left_more_detail_item_icon">
											<img alt="" src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentinfo/img/weizhangyajing15.29.jpg" class="rentinfo_info_left_more_detail_item_pic">
										</div>
										<div class="rentinfo_info_left_more_detail_item_center">违章押金</div>
										<div class="rentinfo_info_left_more_detail_item_right"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="rentinfo_info_left_detailall">
						<div class="rentinfo_info_left_more_up" id="cardetailinfo">车辆详情</div>
						<div class="rentinfo_info_left_detail"></div>
						<!-- <div class="rentinfo_info_left_detail_img">
							<img src="" class="rentinfo_info_left_detail_img_posi">
						</div> -->
					</div>
					<div class="rentinfo_info_left_allins">
						<div class="rentinfo_info_left_more_up" id="cardetailknow">租车须知</div>
						<div class="rentinfo_info_left_ins">
						<!-- <text class="rentinfo_info_left_ins_item"></text> -->
						</div>
					</div>
				</div>
			<!-- 	<div class="col-lg-3 col-md-3 rentinfo_info_right">
					<div class="rentinfo_info_right_item">
						<div class="rentinfo_info_right_item_one clearfix">
							<div class="rentinfo_info_right_item_one_one">总价</div>
							<div class="rentinfo_info_right_item_one_two"></div>
							<div class="rentinfo_info_right_item_one_three">￥</div>
						</div>
						<div class="rentinfo_info_right_item_oneafter"></div>
						<div class="rentinfo_info_right_item_four">
							<input type="button" class="importb rentinfo_info_right_item_four_b center-block" value="立即预订">
						</div>
					</div>
				</div> -->
			</div>
		</div>
		<div class="rentinfo_foot"><jsp:include page="../../common/allfoot/allfoot.jsp"></jsp:include></div>
		<div class="rentinfo_slide"><jsp:include page="../../common/allside/allside.jsp"></jsp:include></div>
		<div class="rentinfo_myinfo">
			<div class="rentinfo_myinfo_item">${sessionScope.startDate}</div>
			<div class="rentinfo_myinfo_item">${sessionScope.endDate}</div>
			<div class="rentinfo_myinfo_item">${sessionScope.starthour}</div>
			<div class="rentinfo_myinfo_item">${sessionScope.endhour}</div>
		</div>
